<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>desiger</title>
	<style>
	header>img{
	float: left;
}
	header>input{
		float: left;
		width: 400px;
		height: 40px;
		padding: 0;
		margin-top: 30px;
		border-right: none;
		border-radius:5px 0 0 5px;
	}
	header>button{
		float: left;
		width: 108px;
		height: 44px;
		margin-top: 30px;
		background-color: #ff9c18;
		border-radius: 0 5px 5px 0;
	}
	header{
		overflow: hidden;
	}
	ul{
		list-style: none;/*去点点*/
		margin: 0;
	}
	ul{
		background-color: #7e9c06;
		overflow: hidden;
	}
a{
	color: white;
	font:550 20px/60px 微软雅黑;
	margin:5px;
	float: left;
	text-decoration: none;
	}
	.c{
		background-color: #9fbc2c;
	}
	</style>


</head>
<body>
	<header>
		<img src="image/logo.gif" alt="">
		<input type="text" placeholder="搜索的精髓在于越短越好"></input>
		<button>搜 索</button>
	</header>
	<nav>
		<div class="b">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#" class="c">最新图片</a></li>
			<li><a href="#">设计原图</a></li>
			<li><a href="#">PSD图</a></li>
			<li><a href="#">矢量图 </a></li>
			<li><a href="#">高清图片</a></li>
			<li><a href="#">原创精品</a></li>
			<li><a href="#">PPT</a></li>
			<li><a href="#">淘宝</a></li>
			</ul>
		</div>
	</nav>
</body>
</html>